/** base.css 2012.10.30.
 * ===================================================
 *  全局默认、页头/页脚及其它公用样式。
 *  Body 封装：
 *      首页专用    Home
 *      文章频道    News
 *      图片频道    Photo
 *      留言簿      Gbook
 *
 *  注：alist._2 为浮动列表
 *
 *  Author: 文图者 260134453@qq.com
 * &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
*/

/* [ 基本 ] 
 ******************************************************************************
*/
* {
    padding: 0px;
    margin: 0px;
    line-height: 160%;
}
html {
    background: #fff url("../images/web/bg-body.png");
    font-size: 12px;
}
a {
    color: #000;
    text-decoration: none;
}
a:hover { color: #c33; }
a > img {
    border: none;
    display: block;
}
li > img {
    vertical-align: middle;
}
ul {
    list-style: none;
}
input, textarea {
    font: 12px Verdana,Arial,Tahoma;
    vertical-align: middle;
}
p {
    line-height: 180%;
}
.content p img {
    text-indent: 0 !important;
}
h1 {
    font-size: 22px;
    text-align: center;
}
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 15px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

._clear {
    height: 0 !important;
    float: none !important;
    clear: both;
}
._float {
    float: left;
}
._rfloat {
    float: left;
    margin-left: 10px;
}
._float2r {
    float: right;
}


/* [ 全局 ] 
 ******************************************************************************
*/
.title {
    height: 30px;
    background-repeat: no-repeat;
}
.title td {
    line-height: 100%;
}
.title .name {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    vertical-align: top;
    padding-top: 5px;
    line-height: 120%;
}
.title .icon {
    padding: 0 4px 0 10px;
}
.more {
    padding: 0 10px;
    white-space: nowrap;
}

.alist { padding: 6px; }
.alist li {
    padding: 2px 4px;
    vertical-align: middle;
}
.alist._2 li {
    float: left;
    margin: 0 10px;
}
.tlist .thumb, .tlist .intro {
    float: left;
}
.tlist .thumb {
    margin-left: 5px;
    border: 1px #bbb solid;
    padding: 2px;
}
.tlist .thumb img {
    width: 90px;
    height: 66px;
}
.tlist .intro {
    margin-left: 10px;
}
.plist a {
    display: inline-block;
}
.plist a img {
    border: 1px #ccc solid;
    padding: 4px;
    background-color: #fff;
}
.plist a label {
    display: block;
    text-align: center;
}

.time {
    color: #666;
    float: right;
    white-space: nowrap;
}

.line1, .line2 {
    height: 0;
}
.line1 { border-top: 1px #bbb solid; }
.line2 { border-top: 1px #bbb dotted; }

div[class|='row'] {
    display: block;
    margin: 0 auto 10px;
    clear: both;
}

div[class|='bk'] {
    clear: both;
    float: none !important;
}
.bk-10 { height: 10px; }
.bk-15 { height: 15px; }
.bk-20 { height: 20px; }
.bk-30 { height: 30px; }

div[class|='ad'] {
    margin-left: auto;
    margin-right: auto;
}

div[class|='box'] .content {
    border: 2px #6c6 solid;
    border-top-width: 0;
}


/* 页宽-居中 */
.Topline > .box, .Header, .Main,
.Dlink, .Flink, .Footer {
    width: 1004px;
    margin: 0 auto;
}
.Main {
    margin-top: 10px;
}
.Flink, .Footer {
    margin-top: 10px;
}


/* [ 页头/页脚 ] 
 ******************************************************************************
*/
.Topline {
    height: 28px;
    background-color: #03681a;
}
.Topline > .box {
    font-size: 14px;
    padding-top: 2px;
}
.Topline a {
    padding: 0 6px;
    color: #fff;
}
.Topline a:hover {
    color: #eee;
}

.Header {
    margin-top: 1px;
}
.Header .menu {
    height: 39px;
    background: url('../images/web/bg-menu.png') repeat-x;
    margin-top: 2px;
    font-weight: bold;
    color: #fff;
}
.Header .menu ul {
    margin-left: 12px;
}
.Header .menu li {
    float: left;
    margin-right: 3px;
    padding-top: 1px;
    line-height: 38px;
}
.Header .menu a {
    display: block;
    height: 29px;
    padding: 8px 8px 0;
    font-size: 11pt;
    color: #fff;
}
.Header .menu a:hover {
    color: #063;
    background-color: #ffe;
}

.Footer {
    height: 160px;
    background: url('../images/web/bg-footer.png') repeat-x;
}
.Footer .line {
    height: 6px;
    background-color: #c60;
}
.Footer p {
    line-height: 200%;
}
.Footer p._1 {
    padding-top: 16px;
    color: #040;
}
.Footer p._2 {
    color: #060;
}
.Footer a { color: #050; }
.Footer a:hover { color: #c33; }


/* [ 通用 ] 
 ******************************************************************************
*/
.List {
    width: 736px;
    padding: 28px 2px 0;
    background: url(../images/web/bg-path.png) no-repeat left -6px;
}
.Side {
    width: 260px;
}
.List .path {
    background: url(../images/web/icon10.png) no-repeat 10px 11px;
    padding: 9px 0 3px 30px;
    border-bottom: 3px double #693;
    margin-bottom: 20px;
    font-weight: bold;
}
.List .path span,
.List .path a { color: #630; }
.List .path a:hover { color: #c00; }

.Side .plist a {
    display: block;
}
.Side .title {
    height: 32px;
    background-color: #060;
    color: #fff;
}
.Side .title .icon {
    padding-left: 15px;
}
.Side .alist,
.Side .plist {
    border: 1px #396 solid;
    padding: 8px 5px;
}
.Side .plist a {
    width: 216px;
    margin: 10px auto 2px;
}
.Side .plist img {
    width: 214px;
    height: 135px;
    padding: 0;
}
.Side .plist .line2 {
    width: 94%;
    margin: 5px auto;
}


/* [ 滚动图片 ]
 */
.scroll span {
    white-space: nowrap;
    display: inline-block;
}
.scroll a {
    margin: 3px 7px;
}


/* [ 排行点击数 ]
 */
.Side .rank {
    padding: 5px 5px 10px;
}
.rank li {
    height: 40px;
    background: url(../images/web/rank.png) no-repeat 32px center;
    padding: 10px 5px;
    border-bottom: 1px #ddd dotted;
}
.rank li span {
    float: left;
    width: 32px;
    line-height: 40px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-style: italic;
    padding-right: 16px;
    text-align: right;
    color: #1E50A2;
    clear: both;
}

/* [ 横切换图 ] 
 */
#slideshow {
    position: relative;
    overflow: hidden;
    border: 1px #999 solid;
}
#slidesContainer {
    width: 9999px;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
}
#slidesContainer a {
    float: left;
    padding: 4px;
    background-color: #fff;
}
#slidesContainer img {
    border-width: 0;
    padding: 0;
}
#leftControl, #rightControl {
    display: block;
    width: 18px;
    height: 30px;
    cursor: pointer;
}
#leftControl {
    background: url(../images/web/arrow-left.png) center center no-repeat;
}
#rightControl {
    background: url(../images/web/arrow-right.png) center center no-repeat;
}

